﻿body {
    margin:0px;
    padding:0px;
    background-color:#000000;
}
body,p,div,span,td,th,a,font
{
    font-size:12px;
    font-family:宋体;
    color:#000000;
    }
A
{
    color:#0000ff;
    text-decoration:none;
    }
A:hover
{
    color:#ff0000;
    text-decoration:underline;
    }
.interval
{
    clear:both;
    float:none;
    height:5px;
    }
/*---------------------*/
.site_title
{
    padding:2px 0px 0px 10px;
    }
.site_title span
{
    font-weight:bold;
    color:#336699;
    font-size:14px;
    height:30px;
    }
.site_logo
{
    padding:20px 0px 0px 2px;
    height:70px;
    }
.minitop_body
{
    height:495px;
    width:330px;
    background-color:#ffffff;
    border:0px solid #ff0000;
    padding:0px;
    overflow:hidden;
    }
.page_header
{
    float:none;
    clear:both;
    width:330px;
    height:30px;
    overflow:hidden;
    background-color:#336699;
    border-bottom:1px solid #aaaaaa;
    background-image:url(../images/bg_header.png);
    background-position:left top;
    background-repeat:repeat-x;
    }
.head_menu
{
    width:220px;
    overflow:hidden;
    color:#99aacc;
    float:left;
    margin-top:10px;
    padding-right:5px;
    }
.head_menu A
{
    color:#ffffff;
    }
.user_info
{
    float:left;
    width:100px;
    padding-left:5px;
    text-align:left;
    margin-top:7px;
    }
.user_info span
{
    left:30px;
    top:10px;
    color:#cceeff;
    height:24px;
    }
.user_info img
{
    left:5px;
    top:8px;
    border:0px;
    width:20px;
    margin-top:0px;
    }
.page_body
{
    float:none;
    clear:both;
    }
.page_footer{}

/*---- Login Table ----------*/
DIV.mini_login
{
    padding-left:10px;
    }
DIV.mini_login table th
{
    text-align:right;
    font-weight:normal;
    }

/*---------------*/
.date_menu
{
    border-bottom:1px solid #336699;
    height:21px;
    width:330px;
    overflow:hidden;
    }
.date_menu .btn_calendar
{
    margin-left:5px;
    padding-top:3px;
    float:left;
    border:0px;
    background-color:transparent;
    width:16px;
    height:16px;
    cursor:pointer;
    background-image:url(../images/icon_calendar.png);
    background-repeat:no-repeat;
    background-position:center center;
    }

.date_menu .prev
{
    float:left;
    width:25px;
}
.date_menu .info
{
    margin-left:5px;
    float:left;
    width:295px;
    padding-top:4px;
    text-align:left;
}
.date_menu .next
{
    float:left;
    width:25px;
}
/*-------------------*/
.todo_tab_list
{
    background-color:#ffffff;
    border-bottom:1px solid #555555;
    height:30px;
    }
.todo_tab_list div
{
    margin-top:7px;
    margin-left:3px;
    height:18px;
    padding:4px 10px 0px 10px;
    float:left;
    cursor:pointer;
    }
.todo_tab
{
    background-color:#888888;
    color:#dddddd;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom:0px solid #555555;
    }
.todo_tab_actived
{
    background-color:#ffffff;
    border-top:1px solid #555555;
    border-left:1px solid #555555;
    border-right:1px solid #555555;
    border-bottom:01px solid #ffffff;
    color:#000000;
    }
.loading_box
{
    background-image:url(../images/loading.gif);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-color:#ffffff;
    border:4px solid #eeeeee;
    height:65px;
    width:100px;
    padding-top:5px;
    text-align:center;
    position:absolute;
    left:100px;
    top:120px;
}
 .form_box
 {
    position:absolute;
    left:0px;
    top:60px;
    height:396px;
    width:320px;
    overflow:hidden;
    border:5px solid #99aacc;
    background-color:#555555;
    color:#ffffff;
     }
.form_box .topaction
{
     background-color:#114466;
     border-bottom:2px solid #001122;
     color:#ffffff;
     font-weight:bold;
     padding-right:10px;
     padding-top:5px;
     height:18px;
     width:310px;
     overflow:hidden;
     text-align:center;
        cursor:pointer;
    }
 .form_box th
 {
      text-align:right;
      color:#ffcc00;
      font-weight:normal;
     }
 .form_box td
 {
      text-align:left;
      color:#ffffff;
     }
 .detial_box_open
 {
    position:absolute;
    left:5px;
    top:70px;
    height:400px;
    width:300px;
    overflow:hidden;
    border:5px solid #aaaaaa;
    background-color:#ffffff;
    color:#000000;
     }
 .detial_box_open .action
 {
     background-color:#1166aa;
     border:2px outset #aaaaff;
     color:#ffffff;
     font-weight:bold;
     padding-right:10px;
     padding-top:5px;
     height:18px;
     width:286px;
     overflow:hidden;
     text-align:center;
     cursor:pointer;
     }
 .detial_box_open .title
 {
     color:#000000;
     font-weight:bold;
     padding-left:10px;
     padding-top:5px;
     height:18px;
     width:312px;
     background-color:#ffffc0;
     overflow:hidden;
     border-bottom:1px solid #cccccc;
     }
 .detial_box_open .info div
 {
     background-color:#ffffd0;
     padding:2px 4px 2px 4px;
     }
 .detial_box_open .bbody
 {
     padding:4px 4px 4px 4px;
     background-color:#ffffd0;
     overflow:auto;
     height:247px;
     width:292px;
     color:#000000;
     }
 .user_select_bar
 {
     text-align:center;
     }
/*-----------------*/
.todo_box
{
    padding:2px 2px 2px 2px;
    }
.todo_box div
{
    }
.todo_total_info
{
    text-align:center;
    color:#888888;
    font-weight:normal;
    height:22px;
    }
.todo_total_info .info
{
    float:left;
    margin-left:8px;
    text-align:left;
    width:225px;
     padding:2px 0px 2px 0px;
   height:16px;
    background-color:#ffffff;
    }
.todo_total_info span
{
    text-align:center;
    color:#ff5500;
    font-weight:bold;
    font-size:12px;
    font-family:Verdana;
    }
.todo_total_info .btn_addtask
{
    margin-left:0px;
    padding-top:3px;
    float:left;
    border:1px solid #aaaaaa;
    background-color:#eeeeee;
    color:#000000;
    width:53px;
    height:14px;
    padding:3px 0px 1px 18px;
    cursor:pointer;
    background-image:url(../images/add.png);
    background-repeat:no-repeat;
    background-position:1px 1px;
    }
.todo_box .bbody
{
    width:328px;
    height:412px;
    overflow:scroll;
    background-color:#ffffff;
    }
.todo_box .bbody .group_title
{
    background-color:#ff8800;
    border-bottom:2px solid #cccccc;
    /*
    background-image:url(../images/bg_group_title.png);
    background-position:top left;
    background-repeat:repeat-x;
    */    
    font-family:Verdana;
    color:#ffffff;
    font-weight:bold;
    padding:4px 0px 4px 5px;
    }
.todo_box .bbody .empty
{
    text-align:center;
    color:#ff0000;
    padding-top:10px;
    width:300px;
    height:320px;
    border:1px solid #336699;
    background-color:#ffffc0;
    margin:auto;
    line-height:24px;
    }    
.todo_item
{
    clear:both;
    float:none;
    padding:2px 2px 2px 3px;
    border-bottom:1px dotted #000000;
    width:300px;
    margin-top:2px;
    margin-left:2px;
    margin-bottom:2px;
    background-color:#ffffff;
    }
.todo_item .typeinfo
{
    height:20px;
    }
.todo_item .typeinfo img,p
{
    float:left;
    font-family:Verdana;
    color:#888888;
    }
.todo_item .typeinfo p
{
    padding-top:3px;
    padding-left:2px;
    }
.todo_item .title
{
    clear:both;
    float:none;
    }
.todo_item .title .text
{
    }
.todo_item .title A
{
    font-size:13px;
    font-weight:bold;
    color:#336699;
    }
.todo_item .title .icon_locked
{
    width:16px;
    height:16px;
    float:left;
    background-image:url(../images/lock_edit.png);
    background-repeat:no-repeat;
    background-position:center center;
    }
.todo_item .title img
{
    float:left;
    }
.todo_item .title sup
{
    color:#ff0000;
    }
.todo_item .info
{
    color:#888888;
    font-size:10px;
    font-family:Verdana;
    padding:2px 2px 2px 10px;
    }
.todo_item .action
{
    padding:2px 10px 2px 2px;
    text-align:right;
    color:#aaaaaa;
    }
.todo_item .action button
{
    border:0px;
    background-color:transparent;
    width:16px;
    height:16px;
    overflow:hidden;
    font-size:1px;
    margin-left:5px;
    }
.todo_item .action .btn_details
{
    background-image:url(../images/btn/details.png);
    cursor:pointer;
    }
.todo_item .action .btn_delete
{
    background-image:url(../images/btn/delete.png);
    cursor:pointer;
    }
.todo_item .action .btn_update
{
    background-image:url(../images/btn/update.png);
    cursor:pointer;
    }
.todo_item .action .btn_start
{
    background-image:url(../images/btn/start.png);
    cursor:pointer;
    }
.todo_item .action .btn_finish
{
    background-image:url(../images/btn/finish.png);
    cursor:pointer;
    }
.todo_item .action .btn_delete0
{
    background-image:url(../images/btn/delete0.png);
    }
.todo_item .action .btn_update0
{
    background-image:url(../images/btn/update0.png);
    }
.todo_item .action .btn_start0
{
    background-image:url(../images/btn/start0.png);
    }
.todo_item .action .btn_finish0
{
    background-image:url(../images/btn/finish0.png);
    }
/*--- manhour_gridview ----------*/
.task_box
{
    padding:2px 2px 2px 2px;
    width:325px;
    height:410px;
    overflow:scroll;
    background-color:#aaaaaa;
    }
/*-----------------*/
.manhour_gridview
{
    width:307px;
    border-collapse:collapse;
    border:1px solid #ffffff;
    background-color:#ffffff;
    }
.manhour_gridview td
{
    border-collapse:collapse;
    border:1px solid #ffffff;
    padding:3px 2px 2px 2px;
    }
.manhour_gridview thead td
{
    background-color:#aa6633;
    color:#ffffff;
    }
.manhour_gridview tfoot td
{
    background-color:#ff5500;
    color:#ffffff;
    }

.manhour_gridview tbody .row
{
    background:#eeeeee;
    }
.manhour_gridview tbody .row_empty
{
    background:#ffcc00;
    }
.manhour_gridview tbody .row_low
{
    background:#eeeeee;
    }
.manhour_gridview tbody .row_normal
{
    background:#ccffcc;
    }
/*---- stat ------------*/
.stat_box
{
    padding:2px 2px 2px 2px;
    width:325px;
    height:436px;
    overflow:scroll;
    background-color:#ffffff;
        }
.stat_box .grid_box
{
    width:308px;
    }
.stat_box .chart_box
{
    width:305px;
    text-align:center;
    }
/*---- calendar ------------*/
.calendar_box
{
    width:320px;
    margin:auto;
    overflow:hidden;
    }
.calendar_info
{
    text-align:center;
    padding-top:10px;
    color:#ff5500;
    font-weight:bold;
    }
.mark_in_calendar
{
    text-align:right;
    color:#ffffff;
    font-weight:bold;
    height:16px;
    border-top:1px dotted #aaaaaa;
    background-color:#00aa00;
    padding-top:4px;
    padding-right:3px;
    }
.mark_in_calendar_low
{
    text-align:right;
    color:#ff0000;
    font-weight:bold;
    background-color:#ffcc00;
    height:16px;
    border-top:1px dotted #aaaaaa;
    padding-top:4px;
    padding-right:3px;
    }
.mark_in_calendar_weekend
{
    text-align:right;
    color:#000000;
    font-weight:bold;
    background-color:#cccccc;
    height:16px;
    border-top:1px dotted #aaaaaa;
    padding-top:4px;
    padding-right:3px;
    }
.mark_in_calendar_empty
{
    text-align:right;
    color:#aaaaaa;
    font-weight:bold;
    background-color:#cccccc;
    height:16px;
    border-top:1px dotted #aaaaaa;
    padding-top:4px;
    padding-right:3px;
    }
/*------  track --------*/
.track_box .sum
{
    margin-top:6px;
    width:320px;
    height:22px;
    overflow:hidden;
    color:#ff8800;
    background-color:#ffffff;
    border-bottom:1px solid #336699;
    text-align:center;
}
.track_box .bbody
{
    width:328px;
    height:383px;
    overflow:scroll;
    background-color:#ffffd0;
}
.track_item
{
    text-align:left;
    clear:both;
    }
.track_item .title
{
    padding:4px 0px 2px 5px;
    text-align:left;
    clear:both;
    color:#336699;
    font-weight:bold;
    }
.track_item .info
{
    padding:2px 0px 2px 15px;
    color:#000000;
    }
/*-- supervise --*/
.supervise_box
{
    width:328px;
    height:440px;
    overflow:scroll;
    background-color:#ffffff;
}
.tab_group
{
    text-align:center;
    padding-top:3px;
    padding-bottom:3px;
    color:#aaaaaa;
    }
.supervise_box table
{
    border-collapse:collapse;
    }
.supervise_box table th
{
    border-collapse:collapse;
    border:1px solid #ffffff;
    background-color:#cccccc;
    }
.supervise_box table th div
{
    text-align:left;
    padding:1px 1px 1px 1px;
    width:50px;
    color:#000000;
    cursor:pointer;
    font-weight:normal;
    }
.supervise_box table thead td
{
    border-collapse:collapse;
    border:1px solid #ffffff;
    background-color:#336699;
    width:20px;
    padding:1px 1px 1px 1px;
    }
.supervise_box table thead td div
{
    color:#ffffff;
    text-align:center;
    width:20px;
    }
.supervise_box table thead td .weekend
{
    color:#ffcc00;
    background-color:#003366;
    text-align:center;
    width:20px;
    }
.supervise_box table tbody td
{
    border-collapse:collapse;
    border-bottom:1px solid #dddddd;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    padding:1px 1px 1px 1px;
    text-align:center;
    }
.supervise_box table tbody .row_active
{
    background-color:#ffffff;
    }
.supervise_box table tbody .row_active
{
    background-color:#eeeeee;
    }
.supervise_box table tbody .c_empty
{
    color:#cccccc;
    cursor:auto;
    }
.supervise_box table tbody .c_warning
{
    color:#ff5500;
    cursor:pointer;
    }
.supervise_box table tbody .c_ok
{
    color:#00aa00;
    cursor:pointer;
    }